<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>寇新峰的demo8-2</title>
</head>
<style>
#a1 {
    width: 960px;
    height: 42px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #333;
}
.a1-1 {
    height: 16px;
    float: left;
    font: 14px '微软雅黑';
    list-style-type: none;
    padding: 0px 20px;
}
.a1-2 {
    border-right: 1px solid #333;
}
/* .a1-2::after {
    content: '';
    display: block;
    height: 80%;
    margin: 4px 0 0 20px;
    border-right: 1px solid #333;
    float: right;
} */
</style>
<body>
    <div id="a1">
        <ul>
            <li class='a1-1 a1-2'>首页</li>
            <li class='a1-1 a1-2'>网站建设</li>
            <li class='a1-1 a1-2'>程序开发</li>
            <li class='a1-1 a1-2'>网络营销</li>
            <li class='a1-1 a1-2'>企业VI</li>
            <li class='a1-1 a1-2'>案例展示</li>
            <li class='a1-1'>联系我们</li>
        </ul>
    </div>
</body>
</html>